i{font-style: unset;}
.main-div{width: 65%;margin-left:6%;padding:18px;background-color: #fff;}
.user-to{text-align: center;font-size: 16px;}
.user-to label{font-weight: bold;color: #28a745;margin: 0 6px;}
.left-btn{position: fixed;width: 32px;top:16%;margin-left: -56px;}
.left-btn img{margin-top: 9px;cursor: pointer;}
.left-btn a{width: 30px;height: 30px;display: block;}
#likeTotal{padding-left: 21px;margin-left:8px;background: url('../../images/common/like2.png') no-repeat;background-size:18px;background-position-y: -3px;}
.img-like{margin-top: 6px!important;}
.title{line-height: 48px;font-size: 18px;display: block;text-align: center;}
.content{line-height: 1.6rem;padding: 0 18px;}
.content img{width: 100%;}
.right-div{margin-left: 73%;padding: 18px 0;position: fixed;top: 0;background: #fff;width: 22%;}
.topic{font-size: 16px;font-weight: bolder;line-height: 36px;letter-spacing:6px;
    background: #28a745;margin-bottom:8px;color: #fff;padding-left: 18px;}
.recommend-read .topic{background: unset;color: #28a745;margin-top: 18px;}
.vt-list a{color: unset;display: block;margin-left: 48px;font-size: 16px;line-height: 28px;}
.vt-list a:hover{font-weight: 600;text-decoration: underline;}
.recommend-vent{padding: 1px 18px;}
.recommend-vent div,.right-div a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.right-div a{display: block;}
.rc-title{font-size: 16px;font-weight: 800;color: #28a745;}
.rc-content{line-height:28px;color: rgba(0,0,0,.5);}
.other-info{text-align: center;line-height: 32px;}
.other-info img{margin:8px 0 8px 8px;}
.head-img{margin-top: 0!important;}
.like{margin-top: 28px;}
.like a{padding:12px 16px!important;line-height: 32px;font-size: 16px;font-weight: bold;
    border: 1px solid #28a745;display: unset;margin-left:18px;background: #fff;color: #28a745;margin-right: 9px;}
.like a:hover{color: #fff;}
.liked{background-color: #1c7430!important;color: #fff!important;cursor: default;}
.comment-list{padding: 36px 18px 0 18px;}
.comment-list textarea{border: 1px solid #ced4da;display: block;width: 100%;height: 88px;padding: 6px 8px;font-size: 16px;font-weight: 600;line-height: 1.6;background-clip: padding-box;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn{width: 38%;margin-top: 6%;display: inline-block;}
.submit-comment{margin-top: 18px;margin-left: 70%;width: 30%;}
.vent-more{margin-top: 38px;}
.vent-more .other-info{text-align: left;}
.vent-more .one{margin-left: 0;}
.vent-more img{margin-right: 6px;}
.vent-more .recommend-vent{margin-top: 12px;padding-bottom: 6px;border-bottom:1px solid #ced4da;}
.read-more{cursor: pointer;}
.read-more,.no-more{text-align: center;background: #efefef;color: rgba(0,0,0,.5);margin-top: 16px;}
.read-more:hover{background: #ced4da;}
.reply-list .read-more{margin: 0;}
.vent-user{line-height: 48px;}
.vent-user span{margin: 0 9px;font-weight: bolder;}
.user-name{font-size: 18px;color: #28a745;}
.operate{margin-top: 8px;line-height: 18px;}
.comment-text,.operate,.reply-list{margin-left: 58px;}
.operate a{padding-left: 28px;cursor: pointer;display: inline-block;margin-right: 18px;}
/*.operate a:hover,*/.like-bg:hover,.comment-liked{color: #dc3545;background-position-y: -35px!important;}
.comment-liked{cursor: default!important;}
.like-bg{background: url(../../images/common/like2.png) no-repeat;background-size: 22px;}
.reply-bg{background: url(../../images/common/reply2.png) no-repeat;line-height: 20px;background-size: 18px;}
.replying,.reply-bg:hover{background-position-y: -25px!important;color:#dc3545;}
.other-info .like-vent span:hover{background-position-y: -30px!important;}
.reply-write,.comment-obj,.reply-obj{margin-top: 8px;}
.reply-obj{padding: 9px 9px 0;margin-top: 0;}
.reply-write textarea:focus,.reply-write textarea:hover{border: 1px solid #dc3545;}
.reply-write button{margin-top: 8px;margin-left: 62%;}
.reply-list{background-color: #efefef;margin-top: 9px;}
.reply-obj .replier{font-weight: bolder;}
.replier label{padding: 0 8px;color: rgba(0,0,0,.4);}
.reply-date,.reply-content,.comment-text,.like-bg{line-height: 22px;}
.right-bottom{position: fixed;bottom: 8%;right: 2%;}
.top{position: absolute;}
.top:before,.top:after{position: absolute;content: '';border: 16px transparent dashed;}
.top:before{border-bottom: 24px #28a745 solid;}
.top:after{top: 6px;border-bottom: 18px #efefef solid;}
.user-fb,.user-top{width: 56px;display: block;border: 1px solid #ced4da;}
.user-fb{padding: 8px;text-align: center;}
.user-top{height: 56px;padding-left: 12px;margin-top: 16px;}
.user-fb:hover{font-weight: 800;color: #28a745;}
.user-top:hover,.user-fb:hover{border: 1px solid #28a745;background-color: #fff;}
.top.arrow:after{border-bottom: 18px #fff solid;}
.hide{cursor: unset;display: none;}
.show-login{background-color:#fff;width:36%;text-align:center;z-index: 9100;position:fixed;top:26%;left:32%;height: 16%;display: none;}
.show-login strong{font-size: 18px;color: #28a745;margin-top: 8px;display: block;}
.page-mask{z-index: 9000;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;}
iframe{width: 100%;height: 600px;}